<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="/wxWeb/layout">

<!-- 该页面独有的head -->
<head layout:fragment="data_res_header">
    <title>扫描二维码</title>
    <!-- ⬇ 自定义的CSS相关引入文件 ⬇️ -->
    <!--例：-->
    <!--<link href='/plugins/charisma-master/css/elfinder.min.css' rel='stylesheet'>-->
    <!--<link href='/plugins/charisma-master/css/elfinder.theme.css' rel='stylesheet'>-->
    <!-- ⬆️ 自定义的CSS相关引入文件 ⬆️ -->
</head>

<!-- 页面主体 替换 layout 的 main fragment -->
<div layout:fragment="main">
    <div>
        <p>扫描二维码</p>
    </div>
</div>

<!-- 该页面独有的相关JS -->
<div layout:fragment="data_res_footer">
    <!-- ⬇ 该页面独有的JS ⬇️ -->
    <!--例：-->
    <!--<script th:src="@{/plugins/jquery-easyui-1.4.1/jquery.easyui.min.js}"></script>-->
    <!--<script th:src="@{/plugins/jquery-easyui-1.4.1/plugins/jquery.form.js}"></script>-->
    <!-- ⬆️ 该页面独有的JS ⬆️ -->
    <script th:src="@{http://res2.wx.qq.com/open/js/jweixin-1.6.0.js}"></script>
    <script th:inline="javascript">
        wx.ready(function () {
            wx.scanQRCode({
                needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                }
            });
        });
    </script>
</div>
</html>